.mfw-toolbar {
    position: fixed;
    right: 50%;
    bottom: 20px;
    height: auto;
    margin-right: -558px;
    display: none;
    z-index: 10;
}

/*.mfw-toolbar i {
    background: url(/images/header-sprites9.png) no-repeat 0 0;
    display: inline-block;
}*/

.mfw-toolbar .icon_top {
    width: 21px;
    height: 12px;
    background-position: -60px -165px;
    margin-top: 16px;
}

.mfw-toolbar .icon_down {
    width: 21px;
    height: 12px;
    background-position: -60px -185px;
    margin-top: 16px;
}

.mfw-toolbar .icon_feedback {
    width: 18px;
    height: 18px;
    background-position: -90px -165px;
    margin-top: 13px;
}

.mfw-toolbar .icon_code {
    width: 19px;
    height: 19px;
    background-position: -120px -165px;
    margin-top: 13px;
}

.toolbar-item-top, .toolbar-item-feedback, .toolbar-item-code, .toolbar-item-down {
    margin-bottom: -1px;
}

.toolbar-item-top, .toolbar-item-down. .toolbar-item-code {
    display: none;
}

.mfw-toolbar .btn {
    width: 43px;
    height: 43px;
    display: block;
    border: 1px solid #e5e5e5;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.mfw-toolbar .btn em {
    width: 35px;
    background-color: #aaa;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-style: normal;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 2;
    display: none;
    padding: 5px 4px 0 4px;
    height: 38px;
    border: 1px solid #aaa;
}

.mfw-toolbar .btn:hover em {
    display: block;
}

.toolbar-item-code {
    position: relative;
}

.toolbar-item-code .btn:hover {
    background-color: #ff9d00;
    border-color: #ff9d00;
}

.toolbar-item-code .btn:hover .icon_code {
    background-position: -150px -165px;
}

.toolbar-item-code .mfw-code {
    border: 1px solid #e5e5e5;
    display: none;
    position: absolute;
    right: 55px;
    bottom: 0;
    background-color: #fff;
    padding: 6px;
    color: #999;
}

.toolbar-item-code.hover .mfw-code {
    display: block;
}

.toolbar-item-code .mfw-code p {
    text-align: center;
    line-height: 27px;
    padding-top: 4px;
}

.toolbar-item-code a:hover {
    text-decoration: none;
}

.wx-official-pop {
    border: 1px solid #e5e5e5;
    position: absolute;
    right: 55px;
    bottom: 0;
    background-color: #fff;
    padding: 6px;
}

/*.wx-official-pop i {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 25px;
    height: 25px;
    background: url(/images/post/selectcats/close.png) no-repeat !important;
    cursor: pointer;
}*/

#footer {
    clear: both;
    background-color: #3c3c3c;
    color: #c2c2c2;
    line-height: 22px;
    padding-bottom: 20px;
    font-size: 12px;
}

#footer a {
    color: #c2c2c2;
}

#footer a:hover {
    color: #fff;
    text-decoration: none;
}

#footer .ft-content {
    width: 1000px;
    margin: 0 auto;
}

#footer .ft-info {
    padding: 30px 8px 40px 8px;
    border-bottom: 1px solid #575a5b;
}


#footer .ft-info dt {
    height: 30px;
    font-size: 14px;
    overflow: hidden;
}


#footer .ft-info-about {
    width: 128px;
    margin-right: 85px;
}

#footer .ft-info-service {
    width: 135px;
    margin-right: 80px;
}

#footer .ft-info-service dt {
    text-align: center;
}

#footer .ft-info-service dd {
    width: 100%;
    overflow: hidden;
}

#footer .ft-info-service ul {
    margin-right: -35px;
}

#footer .ft-info-service li {
    float: left;
    width: 85px;
}

#footer .ft-info-qrcode {
    float: right;
    padding-top: 22px;
    line-height: 1.4em;
}

#footer .ft-info-qrcode dd {
    width: 100px;
    display: inline;
    margin-left: 30px;
    float: right;
    text-align: center;
}

#footer .ft-info-qrcode span {
    display: block;
    height: 90px;
    margin: 0 0 8px 6px;
}

/*
#footer .ft-qrcode-weixin {
    background: url(/images/footer/qr_mfw4.gif) no-repeat;
}

#footer .ft-qrcode-tejia {
    background: url(/images/footer/qr_tejia4.png) no-repeat;
}
*/

#footer .ft-info-social {
    clear: both;
    text-align: center;
    padding-top: 25px;
}

#footer .ft-info-social dt {
    font-size: 16px;
}

#footer .ft-info-social dd {
    padding: 5px 0;
}

#footer .ft-info-social dd a {
    display: inline-block;
    margin: 0 6px;
}

/*#footer .ft-social-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(/images/mfw-footer-sprite7.png) no-repeat 0 0;
    overflow: hidden;
}*/

#footer .ft-social-qqt .ft-social-icon {
    background-position: -30px 0;
}

#footer .ft-social-qzone .ft-social-icon {
    background-position: -60px 0;
}

#footer .ft-links {
    margin-top: -1px;
    border-top: 1px solid #575a5b;
    border-bottom: 1px solid #575a5b;
    padding: 17px 0 17px 8px;
}

#footer .ft-links a {
    display: inline-block;
    margin-right: 12px;
}

#footer .ft-copyright {
    padding: 12px 0 12px 7px;
    margin-top: -1px;
    border-top: 1px solid #575a5b;
}

/*#footer .ft-mfw-logo {
    float: left;
    margin: 2px 20px 0 0;
    width: 136px;
    height: 39px;
    background: url(/images/mfw-footer-sprite7.png) no-repeat 0 -30px;
    overflow: hidden;
}*/

#footer .ft-safety {
    text-align: center;
}

/*
#footer .ft-safety a {
    display: inline-block;
    margin-left: 10px;
    width: 90px;
    height: 30px;
    background: url(/images/mfw-footer-sprite7.png) no-repeat 0 -70px;
    overflow: hidden;
}*/

#footer .ft-safety .s-b {
    background-position: 0 -110px;
}

#footer .ft-safety .s-c {
    background: url(https://n2-q.mafengwo.net/s13/M00/E4/A2/wKgEaVzlS06AVwj0AAAa_HtuzSo207.png);
}

#footer .ft-safety .s-d {
    background: url(https://n4-q.mafengwo.net/s13/M00/E5/4F/wKgEaVzlS8yAX2c6AAAblEJMLps615.png);
}

#footer .line3 {
    margin-left: 156px;
}

.container {
    width: 1000px;
    margin: 0 auto
}

.hot-city-layer .hcl-his a:hover, .hot-city-layer .hcl-nav a:hover, .person-add a:hover, .form-action a:hover {
    text-decoration: none
}

.s-pull {
    float: right
}

.clearfix, .form-insure li, .form-insure .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .form-insure a, .fm, .container, .service ul, .form-item .item-hd, .person-item .p-name, .person-item .p-id, .f-info .bd, .total-price .total {
    zoom: 1
}

.clearfix:after, .form-insure li:after, .form-insure .hot-city-layer .hcl-list dd a:after, .hot-city-layer .hcl-list dd .form-insure a:after, .fm:after, .container:after, .service ul:after, .form-item .item-hd:after, .person-item .p-name:after, .person-item .p-id:after, .f-info .bd:after, .total-price .total:after {
    content: '';
    clear: both;
    display: table;
    height: 0;
    overflow: hidden
}

.mb10 {
    margin-bottom: 10px
}

.fm {
    margin-bottom: 10px
}

.inp-wrap {
    position: relative;
    width: 222px
}

.inp-wrap input, .inp-wrap span {
    display: block;
    width: 190px;
    height: 20px;
    border: 1px solid #e5e5e5;
    padding: 9px 15px;
    line-height: 20px;
    font-size: 14px;
    color: #666
}

.inp-wrap input:focus, .inp-wrap span:focus {
    border-color: #ff9d00
}

.inp-wrap.disabled input, .inp-wrap.disabled span {
    background-color: #f1f0f0;
    color: #999;
    cursor: default
}

.icon-calendar {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 11px;
    right: 11px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -60px -30px no-repeat;
    background-size: auto;
    vertical-align: middle;
    cursor: pointer;
    pointer-events: none
}

.service ul {
    border: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    height: 58px;
    text-align: center;
    font-size: 16px
}

.service li, .service .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .service a {
    float: left;
    padding: 10px 0;
    width: 33.32%;
    line-height: 38px;
    position: relative
}

.service li + li:before, .service .hot-city-layer .hcl-list dd a + li:before, .hot-city-layer .hcl-list dd .service a + li:before, .service .hot-city-layer .hcl-list dd li + a:before, .hot-city-layer .hcl-list dd .service li + a:before, .service .hot-city-layer .hcl-list dd a + a:before, .hot-city-layer .hcl-list dd .service a + a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 1px;
    height: 28px;
    background-color: #d1d1d1
}

.service li.s3, .service .hot-city-layer .hcl-list dd a.s3, .hot-city-layer .hcl-list dd .service a.s3 {
    font-size: 14px;
    line-height: 19px
}

.service li span, .service .hot-city-layer .hcl-list dd a span, .hot-city-layer .hcl-list dd .service a span {
    display: inline-block;
    vertical-align: middle
}

.service li strong, .service .hot-city-layer .hcl-list dd a strong, .hot-city-layer .hcl-list dd .service a strong {
    color: #ff9d00;
    font-weight: normal
}

.service li i, .service .hot-city-layer .hcl-list dd a i, .hot-city-layer .hcl-list dd .service a i {
    display: inline-block;
    background: url(/static/images/sprites4.png) 0 -90px no-repeat;
    background-size: auto;
    vertical-align: middle;
    width: 40px;
    height: 34px;
    margin-right: 15px
}

.service li.s2 i, .service .hot-city-layer .hcl-list dd a.s2 i, .hot-city-layer .hcl-list dd .service a.s2 i {
    width: 34px;
    background-position: -60px -90px
}

.service li.s3 i, .service .hot-city-layer .hcl-list dd a.s3 i, .hot-city-layer .hcl-list dd .service a.s3 i {
    width: 34px;
    background-position: -120px -90px
}

.hot-city-layer {
    position: absolute;
    padding: 10px;
    width: 420px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 100;
    margin-top: -1px;
    font-size: 12px
}

.hot-city-layer .hcl-his {
    line-height: 20px;
    margin-bottom: 5px
}

.hot-city-layer .hcl-his a {
    padding: 0 5px;
    color: #666
}

.hot-city-layer .hcl-his a:hover {
    color: #ff9d00
}

.hot-city-layer .hcl-nav {
    margin-bottom: 5px;
    line-height: 30px;
    overflow: hidden;
    background-color: #f6f6f6
}

.hot-city-layer .hcl-nav a {
    float: left;
    display: inline-block;
    width: 69px;
    border-right: 1px solid #fff;
    text-align: center;
    color: #666
}

.hot-city-layer .hcl-nav a.on {
    background-color: #ff9d00;
    color: #fff
}

.hot-city-layer .hcl-list {
    line-height: 30px
}

.hot-city-layer .hcl-list a {
    color: #666
}

.hot-city-layer .hcl-list a:hover {
    color: #ff9d00
}

.hot-city-layer .hcl-list li, .hot-city-layer .hcl-list dd a {
    float: left;
    width: 70px;
    height: 30px;
    text-indent: 8px;
    overflow: hidden
}

.hot-city-layer .hcl-list dl {
    margin-right: -10px;
    *zoom: 1
}

.hot-city-layer .hcl-list dt {
    float: left;
    width: 15px;
    color: #ff9d00
}

.hot-city-layer .hcl-list dd {
    overflow: hidden
}

.hot-city-layer .hcl-list dd a {
    text-indent: 0;
    width: 68px
}

/*.airline-logo i {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(/static/images/airline-logo.png);
    background-repeat: no-repeat
}*/

.airline-logo-FM {
    background-position: 0 0
}

.airline-logo-MU {
    background-position: 0 0
}

.airline-logo-CA {
    background-position: 0 -30px
}

.airline-logo-CZ {
    background-position: 0 -60px
}

.airline-logo-FM {
    background-position: 0 -90px
}

.airline-logo-ZH {
    background-position: 0 -120px
}

.airline-logo-MF {
    background-position: 0 -150px
}

.airline-logo-HU {
    background-position: 0 -180px
}

.airline-logo-8L {
    background-position: 0 -210px
}

.airline-logo-3U {
    background-position: 0 -240px
}

.airline-logo-SC {
    background-position: 0 -270px
}

.airline-logo-8C {
    background-position: 0 -300px
}

.airline-logo-HO {
    background-position: 0 -330px
}

.airline-logo-BK {
    background-position: 0 -360px
}

.airline-logo-EU {
    background-position: 0 -390px
}

.airline-logo-G5 {
    background-position: 0 -420px
}

.airline-logo-KN {
    background-position: 0 -450px
}

.airline-logo-NX {
    background-position: 0 -480px
}

.airline-logo-UO {
    background-position: 0 -510px
}

.airline-logo-GS {
    background-position: 0 -540px
}

.airline-logo-VD {
    background-position: 0 -570px
}

.airline-logo-CN, .airline-logo-H4 {
    background-position: 0 -600px
}

.airline-logo-NS {
    background-position: 0 -630px
}

.airline-logo-JD {
    background-position: 0 -660px
}

.airline-logo-JR {
    background-position: 0 -690px
}

.airline-logo-KY {
    background-position: 0 -720px
}

.airline-logo-TV {
    background-position: 0 -750px
}

.airline-logo-HX {
    background-position: 0 -780px
}

.airline-logo-CJ {
    background-position: 0 -810px
}

.airline-logo-WH {
    background-position: 0 -840px
}

.airline-logo-XO {
    background-position: 0 -870px
}

.airline-logo-OQ {
    background-position: 0 -900px
}

.airline-logo-9C {
    background-position: 0 -930px
}

.airline-logo-GJ {
    background-position: 0 -960px
}

.airline-logo-DZ {
    background-position: 0 -990px
}

.airline-logo-YI {
    background-position: 0 -1020px
}

.airline-logo-QW {
    background-position: 0 -1050px
}

.airline-logo-DR {
    background-position: 0 -1080px
}

.airline-logo-UQ {
    background-position: 0 -1140px
}

.airline-logo-FU {
    background-position: 0 -1170px
}

.airline-logo-KY {
    background-position: 0 -1200px
}

.airline-logo-AQ {
    background-position: 0 -1230px
}

.airline-logo-AQ {
    background-position: 0 -1260px
}

.airline-logo-GX {
    background-position: 0 -1290px
}

.airline-logo-Y8 {
    background-position: 0 -1320px
}

.airline-logo-GY {
    background-position: 0 -1350px
}

.airline-logo-RY {
    background-position: 0 -1380px
}

.airline-logo-A6 {
    background-position: 0 -1410px
}

.airline-logo-11 {
    background-position: 0 -1440px
}

.airline-logo-PN {
    background-position: 0 -1470px
}

.airline-logo-9H {
    background-position: 0 -1500px
}

.airline-logo-GT {
    background-position: 0 -1530px
}

/*@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .icon-calendar, .service li i, .service .hot-city-layer .hcl-list dd a i, .hot-city-layer .hcl-list dd .service a i {
        background-image: url(/static/images/sprites@2x.png);
        background-size: 200px auto
    }
}*/

.ml10 {
    margin-left: 10px !important
}

.container {
    padding: 30px 0 50px
}

.main-form {
    float: left;
    width: 590px
}

.form-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5
}

.form-item .item-hd {
    margin-bottom: 20px;
    line-height: 25px
}

.form-item h2 {
    font-size: 18px;
    float: left;
    display: inline;
    margin-right: 15px
}

.form-item h2 + span {
    color: #999
}

.form-item .contact {
    width: 100%;
    overflow: hidden;
    line-height: 20px;
    height: 22px
}

.form-item .contact ul {
    float: left;
    width: 500px;
    overflow: hidden
}

.form-item .contact li, .form-item .contact .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .form-item .contact a {
    float: left;
    display: inline;
    margin: 0 5px 5px 0;
    width: 62px;
    height: 20px;
    border: 1px solid #e5e5e5;
    text-align: center;
    color: #999;
    cursor: pointer;
    border-radius: 1px;
    position: relative
}

.form-item .contact li.on, .form-item .contact .hot-city-layer .hcl-list dd a.on, .hot-city-layer .hcl-list dd .form-item .contact a.on {
    border-color: #ff9d00
}

.form-item .contact li.on i, .form-item .contact .hot-city-layer .hcl-list dd a.on i, .hot-city-layer .hcl-list dd .form-item .contact a.on i {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 14px;
    height: 12px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -90px 0 no-repeat;
    background-size: auto;
    vertical-align: middle
}

.form-item .contact .toggle {
    float: right;
    font-size: 14px;
    color: #ff9d00
}

.form-item .contact .toggle i {
    float: right;
    margin: 7px 0 0 5px;
    display: inline-block;
    border-top: 5px solid #999;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    font-size: 0;
    overflow: hidden
}

.form-item .contact.extend {
    height: auto
}

.form-item .contact.extend .toggle i {
    border-top: 0 none;
    border-bottom: 5px solid #999
}

.inp-txt {
    float: left;
    border: 1px solid #e5e5e5;
    padding: 9px 15px;
    line-height: 20px;
    width: 408px;
    font-size: 12px;
    color: #333;
    margin: 0;
    vertical-align: top
}

.inp-txt.inp-row {
    width: 558px
}

.inp-txt.inp-err {
    border-color: red
}

.inp-txt:focus {
    border: 1px solid #ff9d00
}

.ui-select {
    float: left;
    width: 140px
}

.ui-select .trigger {
    border: 1px solid #e5e5e5;
    line-height: 38px;
    color: #333;
    text-align: center;
    padding: 0 40px 0 15px;
    position: relative;
    cursor: pointer
}

.ui-select .trigger .arrow {
    display: inline-block;
    width: 17px;
    height: 11px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -120px -60px no-repeat;
    background-size: auto;
    vertical-align: middle;
    position: absolute;
    right: 12px;
    top: 13px
}

.ui-select .dropmenu {
    position: absolute;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    margin-top: -1px;
    width: 138px;
    line-height: 30px;
    z-index: 50;
    padding: 5px 0;
    display: none
}

.ui-select .dropmenu li, .ui-select .dropmenu .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .ui-select .dropmenu a {
    padding: 0 15px;
    cursor: pointer;
    margin: 1px 0
}

.ui-select .dropmenu li:hover, .ui-select .dropmenu .hot-city-layer .hcl-list dd a:hover, .hot-city-layer .hcl-list dd .ui-select .dropmenu a:hover, .ui-select .dropmenu li.on, .ui-select .dropmenu .hot-city-layer .hcl-list dd a.on, .hot-city-layer .hcl-list dd .ui-select .dropmenu a.on {
    background-color: #f6f6f6
}

.ui-select:hover {
    z-index: 5
}

.ui-select:hover .dropmenu {
    display: block
}

.ui-select.ui-sel-tel .trigger {
    text-align: left
}

.ui-select.ui-sel-tel .dropmenu li, .ui-select.ui-sel-tel .dropmenu .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .ui-select.ui-sel-tel .dropmenu a {
    padding-right: 40px
}

.form-sec {
    position: relative;
    float: left
}

.form-sec.form-sec-block {
    float: none;
    margin-bottom: 10px
}

.form-sec.form-sec-drop {
    margin-right: 10px
}

.form-sec.form-sec-drop input {
    width: 108px
}

.form-sec.w440 {
    width: 440px
}

.form-sec.w440 input {
    width: 408px
}

.form-sec.w300 {
    width: 300px
}

.form-sec.w300 input {
    width: 268px
}

.form-sec.w590 {
    width: 590px
}

.form-sec.w590 input {
    width: 558px
}

.form-sec.w290 {
    width: 290px
}

.form-sec.w290 input {
    width: 258px
}

.form-sec:hover .drop-list {
    display: block
}

.form-sec .drop-list {
    position: absolute;
    left: 0;
    top: 40px;
    border: 1px solid #e5e5e5;
    background: #FFF;
    width: 138px;
    -webkit-box-shadow: 3px 3px 3px #ececec;
    -moz-box-shadow: 3px 3px 3px #ececec;
    box-shadow: 3px 3px 3px #ececec;
    display: none;
    z-index: 6;
    border-top: 0
}

.form-sec .drop-list li, .form-sec .drop-list .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .form-sec .drop-list a {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #666;
    padding: 0 10px
}

.form-sec .drop-list li:hover, .form-sec .drop-list .hot-city-layer .hcl-list dd a:hover, .hot-city-layer .hcl-list dd .form-sec .drop-list a:hover {
    background: #f6f6f6
}

.notFail {
    position: absolute;
    text-align: center;
    z-index: 5;
    line-height: 38px;
    left: 1px;
    top: 1px;
    background: #FFF;
    height: 38px;
    right: 1px;
    font-size: 12px;
    color: #666
}

.notFail i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -170px 0 no-repeat;
    background-size: auto;
    vertical-align: middle;
    vertical-align: top;
    margin-right: 8px;
    margin-top: 13px
}

.form-sec label {
    position: absolute;
    left: 10px;
    top: 11px;
    padding: 0 6px;
    line-height: 18px;
    background: transparent;
    font-size: 12px;
    color: #999;
    -webkit-transition: all .2s linear;
    cursor: text;
    z-index: 2;
    transition: all .2s linear
}

.form-sec input {
    width: 230px;
    height: 38px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    padding: 0 15px;
    line-height: 18px;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
    background: #FFF;
    color: #666
}

.form-sec input.bord-red {
    border-left: 1px solid #ef523d
}

.form-sec input::-webkit-input-placeholder {
    color: #FFF;
    font-size: 12px
}

.form-sec.form-sec-focus label {
    top: -7px;
    font-size: 12px;
    color: #999;
    background: #FFF
}

.form-sec.form-sec-focus input {
    border: 1px solid #e5e5e5
}

.form-sec.form-sec-active label {
    top: -7px;
    font-size: 12px;
    color: #ff9d00;
    background: #FFF
}

.form-sec.form-sec-active input {
    border: 1px solid #ff9d00
}

.form-sec.form-sec-active input::-webkit-input-placeholder {
    color: #999;
    font-size: 12px;
    -webkit-transition: color .2s .2s linear
}

.form-sec .arr-icon {
    border-left: 1px solid #ddd;
    width: 29px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 12px;
    text-align: center
}

.form-sec .arr-icon i {
    display: inline-block;
    border-top: 5px solid #999;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    font-size: 0;
    overflow: hidden
}

.form-sec.form-sec-active .arr-icon i {
    border-top-color: #ff9d00
}

.form-sec .arr-icon {
    pointer-events: none
}

.person-item {
    margin: 10px 0 20px;
    position: relative
}

.person-item .p-name {
    margin-bottom: 10px
}

.person-item .btn-delete {
    position: absolute;
    right: -30px;
    top: 10px;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -60px 0 no-repeat;
    background-size: auto;
    vertical-align: middle;
    cursor: pointer
}

.person-item .p-num {
    position: absolute;
    margin: 13px 0 0 -20px;
    font-size: 14px
}

.person-add {
    margin-top: 20px
}

.person-add a {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background-color: #ff9d00;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 2px
}

.person-add a:hover {
    background-color: #ff8a00
}

.form-person .col_code {
    margin: 0 10px 0 0
}

.form-person .col_code input {
    padding-right: 85px;
    width: 188px
}

.form-person .col_code em {
    position: absolute;
    right: 12px;
    font-style: normal;
    top: 0;
    cursor: pointer;
    color: #ff9d00;
    font-size: 14px;
    line-height: 38px
}

.form-insure li, .form-insure .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .form-insure a {
    margin-top: 10px
}

.form-insure .item {
    float: left;
    width: 270px;
    height: 28px;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    line-height: 28px;
    color: #333;
    position: relative;
    cursor: pointer
}

.form-insure .item .c1 {
    float: left;
    width: 75px
}

.form-insure .item .c2 {
    float: left;
    width: 100px
}

.form-insure .item .c3 {
    float: left
}

.form-insure .item .money {
    color: red
}

.form-insure .item:hover {
    border-color: #b2b2b2
}

.form-insure .item.on {
    border-color: #ff9d00
}

.form-insure .item.on .i-selected {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 24px;
    height: 21px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -120px 0 no-repeat;
    background-size: auto;
    vertical-align: middle
}

.form-insure .item.disabled {
    color: #999
}

.form-insure .item.disabled .i-selected {
    display: none;
    cursor: default
}

.question-tips {
    margin-top: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 10px;
    vertical-align: middle;
    position: relative
}

.question-tips .f-pop {
    right: -39px;
    top: 30px
}

.question-tips i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -150px 0 no-repeat;
    background-size: auto;
    vertical-align: middle;
    cursor: pointer
}

.question-tips:hover .f-pop {
    display: block
}

.info-tips i {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -170px -60px no-repeat;
    background-size: auto;
    vertical-align: middle;
    cursor: pointer
}

.info-tips:hover .f-pop {
    display: block
}

.f-pop {
    position: absolute;
    right: -30px;
    top: 36px;
    padding: 10px 15px;
    width: 270px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 40;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    text-align: left;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
    display: none
}

.f-pop .pop-arrow {
    position: absolute;
    right: 42px;
    top: -10px;
    border-bottom: 9px solid #e5e5e5;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent;
    font-size: 0
}

.f-pop .pop-arrow:after {
    content: '';
    position: absolute;
    position: absolute;
    left: -7px;
    top: 2px;
    border-bottom: 9px solid #fff;
    border-left: 7px dashed transparent;
    border-right: 7px dashed transparent
}

.f-pop.f-pop-stay {
    white-space: nowrap;
    right: auto;
    left: 0;
    top: 30px;
    width: auto
}

.f-pop.f-pop-stay .pop-arrow {
    right: 50%;
    margin-right: -5px
}

.f-pop.f-pop-stay strong {
    margin-bottom: 5px;
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #ff9d00
}

.f-pop.f-pop-stay span {
    color: #333
}

.f-pop.f-pop-policy {
    width: 275px;
    padding: 10px 20px;
    line-height: 14px;
    right: -7px;
    top: 30px
}

.f-pop.f-pop-policy span {
    color: #ff9d00
}

.f-pop.f-pop-policy li + li, .f-pop.f-pop-policy .hot-city-layer .hcl-list dd a + li, .hot-city-layer .hcl-list dd .f-pop.f-pop-policy a + li, .f-pop.f-pop-policy .hot-city-layer .hcl-list dd li + a, .hot-city-layer .hcl-list dd .f-pop.f-pop-policy li + a, .f-pop.f-pop-policy .hot-city-layer .hcl-list dd a + a, .hot-city-layer .hcl-list dd .f-pop.f-pop-policy a + a {
    margin-top: 10px;
    border-top: 1px dashed #e5e5e5;
    padding-top: 10px
}

.f-pop.f-pop-policy li.tips, .f-pop.f-pop-policy .hot-city-layer .hcl-list dd a.tips, .hot-city-layer .hcl-list dd .f-pop.f-pop-policy a.tips {
    background-color: #fff4c3;
    padding: 5px 20px;
    margin: 10px -20px -10px;
    line-height: 1.4;
    text-align: center;
    border-top: 0 none
}

.checkbox-block {
    padding-left: 30px;
    line-height: 18px;
    margin: 10px 0;
    color: #999
}

.checkbox-block strong {
    margin-right: 5px;
    font-weight: normal;
    color: #333
}

.checkbox-block .checkbox-icon {
    float: left;
    margin: 0 0 0 -30px
}

.radio-block {
    padding-left: 30px;
    line-height: 18px;
    margin: 10px 0;
    color: #999
}

.radio-block strong {
    margin-right: 5px;
    font-weight: normal;
    color: #333
}

.radio-block .radio-icon {
    float: left;
    margin: 1px 0 0 -30px
}

.checkbox-icon, .radio-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #e5e5e5;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.checkbox-icon i, .radio-icon i {
    margin-top: 4px;
    width: 10px;
    height: 6px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -100px -130px no-repeat;
    background-size: auto;
    vertical-align: middle;
    display: none;
    vertical-align: top
}

.checkbox-icon input, .radio-icon input {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox-icon.on, .radio-icon.on {
    border-color: #ff9d00;
    background-color: #ff9d00
}

.checkbox-icon.on i, .radio-icon.on i {
    display: inline-block
}

.radio-icon {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ff9d00;
    border: 0
}

.radio-icon i {
    display: block;
    margin: 2px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 50%;
    transition: all .1s linear 0s
}

.radio-icon.on i {
    width: 5px;
    height: 5px;
    margin: 5px;
    display: block
}

.form-invoice .extend {
    margin-top: 20px
}

.form-invoice .question-tips {
    margin: -2px 0 0 10px
}

.form-coupon {
    position: relative
}

.form-coupon .coupon p {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    line-height: 22px;
    height: 22px;
    cursor: pointer
}

.form-coupon .coupon p i {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    display: inline-block;
    background: url(/static/images/sprites4.png) -170px -30px no-repeat;
    background-size: auto;
    vertical-align: middle
}

.form-coupon .coupon .had-been {
    padding-left: 38px;
    font-size: 14px;
    color: #666;
    width: 540px
}

.form-coupon .coupon .had-been span {
    color: #999;
    font-size: 12px
}

.coupon-pop {
    position: absolute;
    left: 0;
    top: 30px;
    display: none;
    padding: 30px 20px;
    width: 480px;
    background: #FFF;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18);
    z-index: 10
}

.coupon-pop .tab-cop a {
    width: 50%;
    border-right: 1px solid #e5e5e5;
    font-size: 16px;
    color: #666;
    display: inline-block;
    text-align: center;
    box-sizing: border-box
}

.coupon-pop .tab-cop a.on {
    color: #ff9d00
}

.coupon-pop .tab-cop a:last-child {
    border: 0
}

.coupon-pop .cop-cont {
    display: none;
    position: relative
}

.cop-cont .not-coupon {
    text-align: center;
    font-size: 14px;
    color: #666;
    padding: 55px 0
}

.cop-cont ul {
    padding-top: 12px
}

.cop-cont ul li, .cop-cont ul .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .cop-cont ul a {
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    margin-top: 18px
}

.cop-cont ul li p, .cop-cont ul .hot-city-layer .hcl-list dd a p, .hot-city-layer .hcl-list dd .cop-cont ul a p {
    float: left;
    width: 450px
}

.cop-cont ul li span, .cop-cont ul .hot-city-layer .hcl-list dd a span, .hot-city-layer .hcl-list dd .cop-cont ul a span {
    color: #999;
    font-size: 12px
}

.cop-cont ul li.on i, .cop-cont ul .hot-city-layer .hcl-list dd a.on i, .hot-city-layer .hcl-list dd .cop-cont ul a.on i {
    background-position: -84px -43px
}

.cop-cont input {
    width: 400px;
    height: 40px;
    border: 1px solid #e5e5e5;
    display: block;
    margin: 50px auto 0 auto;
    padding: 0 20px;
    font-size: 14px
}

.cop-cont input:focus {
    border: 1px solid #ff9d00
}

.cop-cont input.notFail {
    border: 1px solid #ef523d
}

.cop-cont label {
    display: none;
    position: absolute;
    left: 50%;
    top: 1px;
    margin-left: -220px
}

.cop-cont.notFail label {
    display: block;
    text-align: center;
    line-height: 38px;
    width: 440px;
    color: #ef523d;
    background: #FFF
}

.coupon-pop .btn-cop {
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.coupon-pop .btn-cop a {
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin-right: 50px;
    display: inline-block;
    text-align: center;
    color: #FFF;
    background: #ff9d00;
    font-size: 16px
}

.coupon-pop .btn-cop a:last-child {
    margin: 0
}

.coupon-pop .btn-cop a.unt {
    background: #efefef;
    color: #999
}

.form-action {
    text-align: center;
    margin-top: 40px
}

.form-action a {
    display: inline-block;
    width: 340px;
    height: 50px;
    background-color: #ff9d00;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    border-radius: 2px
}

.form-action a:hover {
    background-color: #ff8a00
}

.f-info {
    padding: 25px 20px;
    border-bottom: 1px dashed #e5e5e5
}

.f-info .hd {
    line-height: 24px;
    font-size: 14px
}

.f-info .hd .trip {
    margin-right: 10px;
    font-size: 18px;
    color: #ff9d00;
    vertical-align: middle
}

.f-info .hd .date {
    font-size: 18px;
    color: #333;
    vertical-align: middle
}

.f-info .hd .week {
    color: #333
}

.f-info .hd .place {
    float: right
}

.f-info .hd .place i {
    font-style: normal;
    color: #333
}

.f-info .cabin {
    position: absolute;
    font-size: 12px;
    color: #ff9d00;
    margin: 2px 0 0 10px
}

.f-info .bd {
    margin: 15px 0 0;
    text-align: center;
    line-height: 20px
}

.f-info .bd .col1, .f-info .bd .col3 {
    float: left;
    width: 85px
}

.f-info .bd .col2 {
    float: left;
    width: 135px
}

.f-info .bd .time {
    line-height: 30px;
    color: #333;
    font-size: 22px
}

.f-info .bd .airport {
    font-size: 12px;
    color: #333
}

.f-info .bd .other {
    margin-top: 15px;
    position: relative
}

.f-info .bd .stay span {
    color: #ff9d00
}

.f-info .bd .stay:hover + .f-pop {
    display: block
}

.f-info .bd .policy {
    color: #ff9d00
}

.f-info .bd .policy:hover + .f-pop {
    display: block
}

.f-info .bd .icon-flight {
    width: 40px;
    height: 34px;
    display: inline-block;
    background: url(/static/images/sprites4.png) 0 -130px no-repeat;
    background-size: auto;
    vertical-align: middle;
    vertical-align: top;
    margin-bottom: 10px
}

.f-info .bd .time-cost {
    height: 30px;
    position: relative
}

.f-info .bd .time-cost .line {
    position: absolute;
    left: 0;
    top: 15px;
    right: 0;
    border-top: 1px solid #979797
}

.f-info .bd .time-cost span {
    position: relative;
    display: inline-block;
    line-height: 20px;
    top: -10px;
    background-color: #fff;
    padding: 0 8px
}

.f-info .bd .plus {
    position: absolute;
    margin: 2px 0 0 -13px;
    color: #ff9d00;
    font-weight: bold
}

.f-info .f-share {
    position: absolute;
    padding-left: 24px;
    margin-top: -2px
}

.f-info .f-share i {
    display: inline-block;
    margin-right: 10px;
    height: 10px;
    width: 20px;
    border-left: 1px solid #ffdc2a;
    border-bottom: 1px solid #ffdc2a;
    position: relative;
    vertical-align: top
}

.f-info .f-share i:after {
    content: '';
    position: absolute;
    border-left: 6px solid #ffdc2a;
    border-top: 3px dashed transparent;
    border-bottom: 3px dashed transparent;
    right: -5px;
    bottom: -3px
}

.book-info {
    float: right;
    width: 350px;
    border: 1px solid #e5e5e5
}

.total-price h3 {
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px;
    border-bottom: 1px dashed #e5e5e5;
    font-weight: normal
}

.total-price li, .total-price .hot-city-layer .hcl-list dd a, .hot-city-layer .hcl-list dd .total-price a {
    border-bottom: 1px dashed #e5e5e5;
    padding: 0 20px;
    line-height: 40px;
    background-color: #fffaf5
}

.total-price li:nth-child(even), .total-price .hot-city-layer .hcl-list dd a:nth-child(even), .hot-city-layer .hcl-list dd .total-price a:nth-child(even) {
    background-color: #fff7ec
}

.total-price .s-price {
    float: right;
    width: 110px
}

.total-price .s-num {
    float: right;
    width: 40px;
    text-align: right
}

.total-price .total {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 40px
}

.total-price .total .price {
    font-size: 30px;
    color: #ff9d00;
    font-weight: bold
}

.mfw-loading {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    background-size: 100% 100%;
    background-image: url('')
}

.mfw-loading .mfw-loading-o {
    position: absolute;
    content: '';
    z-index: 1;
    -moz-animation: loading-orange 2s linear .25s infinite normal none;
    -webkit-animation: loading-orange 2s linear .25s infinite normal none;
    animation: loading-orange 2s linear .25s infinite normal none;
    background-image: url('');
    background-size: 80px 80px
}

.mfw-loading .mfw-loading-b {
    position: absolute;
    content: '';
    border-radius: 7px;
    z-index: 2;
    -moz-animation: loading-black 2s linear .25s infinite normal none;
    -webkit-animation: loading-black 2s linear .25s infinite normal none;
    animation: loading-black 2s linear .25s infinite normal none;
    background-image: url('');
    background-size: 80px 80px
}

@-moz-keyframes loading-black {
    0% {
        background-position: -5px -48px;
        left: 5px;
        top: 48px;
        width: 7px;
        height: 7px
    }
    10% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 7px;
        height: 35px
    }
    20% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 35px;
        height: 25px
    }
    30% {
        background-position: -40px -10px;
        left: 40px;
        top: 10px;
        width: 35px;
        height: 25px
    }
    40% {
        background-position: -68px -10px;
        left: 68px;
        top: 10px;
        width: 7px;
        height: 45px
    }
    50% {
        background-position: -68px -48px;
        left: 68px;
        top: 48px;
        width: 7px;
        height: 7px
    }
    50.1% {
        background-position: -68px -55px;
        top: 55px;
        left: 68px;
        width: 7px;
        height: 0
    }
    59.9% {
        background-position: -75px -59px;
        top: 59px;
        left: 75px;
        width: 0;
        height: 0
    }
    60% {
        background-position: -68px -59px;
        top: 59px;
        left: 68px;
        width: 7px;
        height: 14px
    }
    80% {
        background-position: -5px -59px;
        top: 59px;
        left: 5px;
        width: 70px;
        height: 14px
    }
    100% {
        background-position: -5px -59px;
        top: 59px;
        left: 5px;
        width: 70px;
        height: 14px
    }
}

@-webkit-keyframes loading-black {
    0% {
        background-position: -5px -48px;
        left: 5px;
        top: 48px;
        width: 7px;
        height: 7px
    }
    10% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 7px;
        height: 35px
    }
    20% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 35px;
        height: 25px
    }
    30% {
        background-position: -40px -10px;
        left: 40px;
        top: 10px;
        width: 35px;
        height: 25px
    }
    40% {
        background-position: -68px -10px;
        left: 68px;
        top: 10px;
        width: 7px;
        height: 45px
    }
    50% {
        background-position: -68px -48px;
        left: 68px;
        top: 48px;
        width: 7px;
        height: 7px
    }
    50.1% {
        background-position: -68px -55px;
        top: 55px;
        left: 68px;
        width: 7px;
        height: 0
    }
    59.9% {
        background-position: -75px -59px;
        top: 59px;
        left: 75px;
        width: 0;
        height: 0
    }
    60% {
        background-position: -68px -59px;
        top: 59px;
        left: 68px;
        width: 7px;
        height: 14px
    }
    80% {
        background-position: -5px -59px;
        top: 59px;
        left: 5px;
        width: 70px;
        height: 14px
    }
    100% {
        background-position: -5px -59px;
        top: 59px;
        left: 5px;
        width: 70px;
        height: 14px
    }
}

@keyframes loading-black {
    0% {
        background-position: -5px -48px;
        left: 5px;
        top: 48px;
        width: 7px;
        height: 7px
    }
    10% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 7px;
        height: 35px
    }
    20% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 35px;
        height: 25px
    }
    30% {
        background-position: -40px -10px;
        left: 40px;
        top: 10px;
        width: 35px;
        height: 25px
    }
    40% {
        background-position: -68px -10px;
        left: 68px;
        top: 10px;
        width: 7px;
        height: 45px
    }
    50% {
        background-position: -68px -48px;
        left: 68px;
        top: 48px;
        width: 7px;
        height: 7px
    }
    50.1% {
        background-position: -68px -55px;
        top: 55px;
        left: 68px;
        width: 7px;
        height: 0
    }
    59.9% {
        background-position: -75px -59px;
        top: 59px;
        left: 75px;
        width: 0;
        height: 0
    }
    60% {
        background-position: -68px -59px;
        top: 59px;
        left: 68px;
        width: 7px;
        height: 14px
    }
    80% {
        background-position: -5px -59px;
        top: 59px;
        left: 5px;
        width: 70px;
        height: 14px
    }
    100% {
        background-position: -5px -59px;
        top: 59px;
        left: 5px;
        width: 70px;
        height: 14px
    }
}

@-moz-keyframes loading-orange {
    0% {
        background-position: -5px -48px;
        left: 5px;
        top: 48px;
        bottom: 25px;
        width: 7px
    }
    10% {
        background-position: -5px -45px;
        left: 5px;
        top: 45px;
        width: 7px;
        bottom: 25px
    }
    20% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 35px;
        bottom: 25px
    }
    30% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 63px;
        bottom: 25px
    }
    40% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 63px;
        bottom: 25px
    }
    40.1% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 70px;
        bottom: 25px
    }
    100% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 70px;
        bottom: 25px
    }
}

@-webkit-keyframes loading-orange {
    0% {
        background-position: -5px -48px;
        left: 5px;
        top: 48px;
        bottom: 25px;
        width: 7px
    }
    10% {
        background-position: -5px -45px;
        left: 5px;
        top: 45px;
        width: 7px;
        bottom: 25px
    }
    20% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 35px;
        bottom: 25px
    }
    30% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 63px;
        bottom: 25px
    }
    40% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 63px;
        bottom: 25px
    }
    40.1% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 70px;
        bottom: 25px
    }
    100% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 70px;
        bottom: 25px
    }
}

@keyframes loading-orange {
    0% {
        background-position: -5px -48px;
        left: 5px;
        top: 48px;
        bottom: 25px;
        width: 7px
    }
    10% {
        background-position: -5px -45px;
        left: 5px;
        top: 45px;
        width: 7px;
        bottom: 25px
    }
    20% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 35px;
        bottom: 25px
    }
    30% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 63px;
        bottom: 25px
    }
    40% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 63px;
        bottom: 25px
    }
    40.1% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 70px;
        bottom: 25px
    }
    100% {
        background-position: -5px -10px;
        left: 5px;
        top: 10px;
        width: 70px;
        bottom: 25px
    }
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: 0
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(http://images.mafengwo.net/images/plugins/jquery.datetimepicker.png)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "alpha(opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_mfw {
    border: 1px solid #ddd;
    border-radius: 4px
}

.xdsoft_mfw .xdsoft_prev {
    margin-left: 6px
}

.xdsoft_mfw .xdsoft_next {
    margin-right: 8px
}

.xdsoft_mfw .xdsoft_year {
    margin-top: 1px;
    width: auto;
    margin-left: 4px
}

.xdsoft_mfw .xdsoft_month {
    margin-top: 1px;
    text-align: left;
    padding-left: 15px;
    width: auto
}

.xdsoft_mfw .xdsoft_calendar table {
    border-spacing: 1px;
    border-collapse: separate
}

.xdsoft_mfw .xdsoft_calendar th {
    color: #666;
    font-weight: bold
}

.xdsoft_mfw .xdsoft_calendar th, .xdsoft_mfw .xdsoft_calendar td {
    background-color: #fff;
    text-align: center;
    border: 0 none;
    width: 30px;
    height: 30px;
    border-radius: 3px
}

.xdsoft_mfw .xdsoft_calendar td div {
    padding: 0
}

.xdsoft_mfw .xdsoft_calendar td:hover, .xdsoft_mfw .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .xdsoft_mfw .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #666 !important;
    color: #666;
    background: #f4f4f4 !important;
    background: #f4f4f4;
    box-shadow: none !important
}

.xdsoft_mfw .xdsoft_calendar td.xdsoft_default, .xdsoft_mfw .xdsoft_calendar td.xdsoft_current, .xdsoft_mfw .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, .xdsoft_mfw .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current:hover, .xdsoft_mfw .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    color: #fff !important;
    box-shadow: none;
    background-color: #ff9d00 !important
}

.xdsoft_mfw .xdsoft_timepicker .xdsoft_time_box {
    height: 190px
}

.xdsoft_mfw .xdsoft_timepicker .xdsoft_time_box {
    border: 0 none
}

.xdsoft_mfw .xdsoft_timepicker .xdsoft_time_box > div > div {
    background-color: #fff;
    border: 0 none;
    border-radius: 2px;
    margin-bottom: 1px
}

.xdsoft_mfw .xdsoft_save_selected {
    background: 0;
    padding: 4px;
    cursor: pointer;
    color: #333;
    border-radius: 2px
}

.xdsoft_mfw .xdsoft_save_selected:hover {
    background: #ff9d00;
    color: #fff;
    border-color: #ff9d00;
    border-color: #ff9d00 !important
}

.xdsoft_mfw .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    left: 2px
}

.xdsoft_mfw .xdsoft_yearselect .xdsoft_scrollbar {
    display: none
}